<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>影院详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../static/dist/css/index.css">
    <link rel="stylesheet" href="../static/dist/css/clear.css">
    <link rel="stylesheet" href="../static/dist/css/cinemadatas.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../static/dist/css/mynav.css">
</head>
<body>
<div class="container-fluid " >
    <div class="row">
        <nav class="navbar navbar-expand-md fixed-top" role="navigation">
            <div class="container container-lk">
                <div class="navbar-header">
                    <a class="navbar-brand" href="home.html"><img src="../static/dist/img/logo2.jpg" alt=""></a>
                    <button class="navbar-btn dropdown-toggle" onclick="pop()">
                        <i style="font-size:24px;color: white" class="fa">
                            &#xf0c9
                        </i>
                        <p>菜单</p>
                    </button>
                </div>
                <div id="sid" class="sidebar">
                    <button onclick="remove()"><img src="../static/dist/img/delete.png" alt=""></button>
                </div>


                <div class="input-group navbar-left">
                    <!--                    <span class="input-group-addon dropdown">-->
                    <!--                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                    <!--                                所有 <b class="caret"></b>-->
                    <!--                            </a>-->
                    <!--                            <ul class="dropdown-menu">-->
                    <!--                                <li><a href="#">所有</a></li>-->
                    <!--                                <li><a href="#">类型</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">设置</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">退出登录</a></li>-->
                    <!--                            </ul>-->
                    <!--                    </span>-->
                    <input type="text" class="form-control" placeholder="请输入要搜索的内容" aria-label="Amount (to the nearest dollar)">
                    <span class="input-group-addon btn btn-primary"><i class="fa fa-search"></i></span>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right " onmouseout="leave()">
                        <li><a href="home.html">首页</a></li>
                        <li><a href="#">电影</a></li>
                        <li><a href="#">榜单</a></li>
                        <li><a href="login.html" >登录|注册</a></li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                我的 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" style="background-color: #080E1C">
                                <li><a href="personal.html">个人中心</a></li>
                                <li><a href="personal_order.html">我的订单</a></li>
                                <li class="divider"></li>
                                <li><a href="personal_settings.html">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </li>
                        <li>
                            <img class="picture" src="../static/dist/img/30.jpg">
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>


<!--                        <div class="modal fade" id="myModal">-->
<!--                            <div class="modal-dialog">-->
<!--                                <div class="modal-content">-->

<!--                                    &lt;!&ndash; 模态框头部 &ndash;&gt;-->
<!--                                    <div class="modal-header">-->
<!--                                        <h4 class="modal-title">登录入口</h4>-->
<!--                                        <button type="button" class="close" data-dismiss="modal">&times;</button>-->
<!--                                    </div>-->

<!--                                    &lt;!&ndash; 模态框主体 &ndash;&gt;-->
<!--                                    <div class="modal-body">-->
<!--                                        <div class="container login_div">-->
<!--                                            <div class="row">-->
<!--                                                <form class="form-horizontal" role="form">-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label for="firstname" class="col-md-1 control-label">用户名</label>-->
<!--                                                        <div class="col-md-4">-->
<!--                                                            <input type="text" class="form-control" id="firstname" placeholder="请输入名字">-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label for="lastname" class="col-md-1 control-label">密码</label>-->
<!--                                                        <div class="col-md-4">-->
<!--                                                            <input type="password" class="form-control" id="lastname" placeholder="请输入密码">-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <div class="col-sm-offset-1 col-sm-10">-->
<!--                                                            <div class="checkbox">-->
<!--                                                                <label>-->
<!--                                                                    <input type="checkbox">请记住我-->
<!--                                                                </label>-->
<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <div class="col-sm-offset-1 col-sm-5">-->
<!--                                                            <button type="submit" class="btn btn-default">登录</button>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                </form>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->

<!--                                    &lt;!&ndash; 模态框底部 &ndash;&gt;-->
<!--                                    <div class="modal-footer">-->
<!--                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>-->
<!--                                    </div>-->

<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->



<div class="movie-top">
    <div class="movie-banner">
        <div class="movie-img">
            <img id="cinemaimg" src="../static/dist/img/cinema.jpg" alt="" id="movie-img">
        </div>
        <div class="movie-data">
            <div class="movie-name">
                <h2 class="name" id="cinemaname"></h2>
                <h2 class="othername" id="adress"></h2>
                <p class="kind" id="phonenum"></p>
            </div>
            <div class="movie-btn">
                <h1>星空影城</h1>
                <p>苏州中心</p>
                <p>电话:0858</p>
                <p>影院服务：</p>
                <p>
                    <span>改签</span>
                    <span>未取票用户放映前60分钟可改签</span>
                </p>
                <p>
                    <span>3D眼镜</span>
                    <span>免押金</span>
                </p>
                <p>
                    <span>儿童优惠</span>
                    <span>1.3米以下小朋友可享受无座免票</span>
                </p>
                <p>
                    <span>可停车</span>
                    <span>目前免费，详请现场咨询影城</span>
                </p>
            </div>
        </div>
    </div>
</div>
<div class="mian">
    <div class="contents">
        <div class="list_movie">
            <ul>
                <li class="activeimg"><img id="movieimg" src="https://p0.meituan.net/movie/62fb5d1fbfba986fffe4f0f5a6b8181890968.jpg@106w_145h_1e_1c" alt=""></li>
                <li><img src="https://p0.meituan.net/movie/7b40e56e644cd04915e6e9cc09c1bdb1331242.jpg@106w_145h_1e_1c" alt=""></li>
                <li><img src="https://p1.meituan.net/movie/d32c9041e6ad9ec44f03ce7760d0373b102277.jpg@106w_145h_1e_1c" alt=""></li>
                <li><img src="https://p1.meituan.net/movie/f99deeeeb74108ab009b79bb59233d5e304355.jpg@106w_145h_1e_1c" alt=""></li>
                <li><img src="https://p1.meituan.net/movie/04de313fdd7f3835563d3c4bdfb980735556062.jpg@106w_145h_1e_1c" alt=""></li>
                <li><img src="https://p0.meituan.net/movie/02cfa2cbb87de6e8564db0fcf0fba535211625.jpg@106w_145h_1e_1c" alt=""></li>
                <li><img src="https://p0.meituan.net/movie/e9bcb46638735a6a7d5a90d416343ba8189361.jpg@106w_145h_1e_1c" alt=""></li>
            </ul>
            <div class="contor">
                <i class="previ">
                    <img src="../static/dist/img/left.png" alt="">
                </i>
                <i class="next">
                    <img src="../static/dist/img/left.png" alt="">
                </i>
            </div>
        </div>
        <div class="nowmovie">
            <div class="pf">
                <h3 id="moviename">
                    命运之夜-天之杯 第一章:恶兆之花
                </h3>
                <p>
                    <span id="movienum">8.4</span>
                    <span>分</span>
                </p>
            </div>
            <div class="xq">
                <div>
                    <span>时长 :</span>
                    <span>120分钟</span>
                </div>
                <div>
                    <span>类型 :</span>
                    <span id="moviekind">动画</span>
                </div>
                <div>
                    <span>主演 :</span>
                    <span id="moviestar">卫宫士郎,间桐樱,远坂凛</span>
                </div>
            </div>
        </div>
        <div class="date_list">
            <ul>
                <li>观影时间:</li>
                <li class="activeli">今天 7月15日</li>
                <li>明天 7月16日</li>
                <li>后天 7月17日</li>
                <li>周六 7月18日</li>
            </ul>
        </div>
        <div class="session">
            <ul>
                <li>
                    <span>放映时间</span>
                    <span>语言版本</span>
                    <span>放映厅</span>
                    <span style="color: rgb(58, 58, 58);">售价(元)</span>
                    <span>购票选座</span>
                </li>
                <li>
                    <span>13:45</span>
                    <span>日语2D</span>
                    <span>5号激光厅</span>
                    <span>￥66</span>
                    <a href="seat_selection.html"><span class="btn" onclick="">购票选座</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
 页面底部
<div class="footer" style="visibility: visible;">
    <p class="friendly-links">
        关于第二视界 :
        <a href="#" target="_blank">关于我们</a>
        <span></span>
        <a href="#" target="_blank">管理团队</a>
        <span></span>
        <span></span>
        <a href="#" data-query="utm_source=maoyan_pc" target="_blank">欢喜首映</a>
    </p>

    <p class="friendly-links  credentials">
        <a href="#" target="_blank">中华人民共和国增值电信业务经营许可证 京B2-20190350</a>
        <span></span>
        <a href="#" target="_blank">营业性演出许可证 京演（机构）（2019）4094号</a>
    </p>
    <p class="friendly-links  credentials">
        <a href="#" target="_blank">广播电视节目制作经营许可证 （京）字第08478号</a>
        <span></span>
        <a href="#" target="_blank">网络文化经营许可证 京网文（2019）3837-369号 </a>
    </p>
    <p class="friendly-links  credentials">
        <a href="#" target="_blank">隐私政策 </a>
    </p>
    <p class="friendly-links  credentials">
        <a href="" target="_blank">京公网安备
            11010102003232号</a>
        <span></span>
        <a href="#/" target="_blank">京ICP备16022489号</a>
    </p>
    <p>
    <div class="certificate">
        <a href="#" target="_blank">
            <img src="http://p0.meituan.net/moviemachine/e54374ccf134d1f7b2c5b075a74fca525326.png">
        </a>
        <a href="#" target="_blank">
            <img src="http://p1.meituan.net/moviemachine/805f605d5cf1b1a02a4e3a5e29df003b8376.png">
        </a>
        <a href="h#" target="_blank">
            <img src="http://p0.meituan.net/scarlett/3cd2a9b7dc179531d20d27a5fd686e783787.png">
        </a>
    </div>
</div>


<script src="../static/plugins/jquery/jquery.min.js"></script>
<script src="../static/plugins/bootstrap/js/bootstrap.js"></script>
<script src="../static/dist/js/mynav.js"></script>
</body>
</html>